<link rel="stylesheet/less" href="/css/landing/index.less">
<?php echo $this->Html->script('/js/less.min.js');?>

<div class="landing_form">
	<img class="banner" src="/images/index/lan_banner.png" alt="">
	<h1>试管无忧夜间留言平台</h1>
	<div class="dateForm">
		<form action="/landing/form" method="post" class="dataForm Form">
			<div>
				<label for="">客户姓名：</label>
				<input class="name" type="text" name="name" placeholder="如：张三">
			</div>
			<div>
				<label for="">联系方式：</label>
				<input class="phone" type="text" name="phone" placeholder="如：186********">
			</div>
			<div>
				<label for="">试管原因：</label>
				<textarea maxlength="80" class="descrip" name="descrip" placeholder="如：不清楚我的病症、染色体异常、精子问题、卵巢问题、子宫问题等"></textarea>
				<span></span>
			</div>
			<button class="submit zSubmit" type="submit" >点击提交</button>
			<input type="hidden" name="dosubmit" value="1"/>
		</form>
	</div>
	<div class="tishi">
		<h3>温馨提示</h3>
		<ul>
			<li>1、夜间时段为非工作时间，建议您提前填写相关信息，留下联系方式，我们的客服人员会在第二天与您联系，为您解答相关信息；</li>
			<li>2、关注我们的官方微信：IVF_360 或官方微博：试管无忧 或拨打试管无忧好孕热线：400-003-9103，了解更多相关信息与服务！</li>
		</ul>
	</div>
</div>
<script>
//消息弹窗
    $(".dataForm").Validform({ 
        tiptype:function(msg){        //提交数据显示
            layer.alert(msg,{icon:0});
        },
        tipSweep:true,
        ajaxPost:true,  
        callback:function(o){              //根据返回的状态码提示语句
            if (o.status == 200) {
                layer.msg(o.message,{
                    icon:6,
                    skin:'layer_mobile_login',
                    time:1200
                });
                setTimeout(function () {  
                    self.location=o.return_url;      
                },1500);
            }else if (o.status == 300) {
                layer.msg(o.message,{
                    icon:6,
                    skin:'layer_mobile_login',
                    time:1200
                });
                setTimeout(function () {  
                    history.go(0) ;      
                },1500);    
            }else {
                layer.msg(o.message,{
                    icon:5,
                    skin:'layer_mobile_login',
                    time:1200
                });    
            }    
        }
    });

	$(document).ready(function (argument) {
		// 名称栏目
		$('.descrip').bind('input propertychange', function() {
			if ($(this).val().length<1) {
				$(this).siblings("span").html('请填写病情描述！');
			} else {
				$(this).siblings("span").html('你还可以输入'+(80-$(this).val().length)+'个字符');
			}
		});

	})
</script>
